﻿/* Style the toolbar, define the colors, change them on mouse over and clicks, etc. */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* Toolbar look and feel  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.Toolbar
{
    background: url('Graphics/BackgroundMiddle.png');
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 116px;
    color: #15428B;
    font-family: 'Deja Vu Sans';
    font-size: 8pt;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* Tab titles * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.TabTitlesContainer
{
    position: absolute;
    top: 1px;
    left: 30px;
    right: 0px;
    height: 24px;
}

.ToolbarTabTitle_Text
{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0px;
    text-align: center;
    white-space: nowrap;
    float: left;
    cursor: pointer;
    font-family: 'Deja Vu Sans';
    font-size: 8pt;
}

/* The tab title, when unselected */
.ToolbarTabTitle_Unselected
{
    float: left;
    height: 24px;
}

.ToolbarTabTitle_Unselected_Left
{
    width: 8px;
    height: 24px;
    float: left;
}

.ToolbarTabTitle_Unselected_Right
{
    width: 8px;
    height: 24px;
    float: left;
}

/* The tab title, when selected */
.ToolbarTabTitle_Selected
{
    background: url('Graphics/TabTitleSelectedMiddle.png');
    float: left;
    height: 24px;
}

.ToolbarTabTitle_Selected_Left
{
    background: url('Graphics/TabTitleSelectedLeft.png');
    width: 8px;
    height: 24px;
    float: left;
}

.ToolbarTabTitle_Selected_Right
{
    background: url('Graphics/TabTitleSelectedRight.png');
    width: 8px;
    height: 24px;
    float: left;
}

/* The group header, when selected and the mouse is over it */
.ToolbarTabTitle_Selected_Hover
{
    background: url('Graphics/TabTitleSelectedHoverMiddle.png');
    float: left;
    height: 24px;
}

.ToolbarTabTitle_Selected_Left_Hover
{
    background: url('Graphics/TabTitleSelectedHoverLeft.png');
    width: 8px;
    height: 24px;
    float: left;
}

.ToolbarTabTitle_Selected_Right_Hover
{
    background: url('Graphics/TabTitleSelectedHoverRight.png');
    width: 8px;
    height: 24px;
    float: left;
}

/* The group header, when unselected and the mouse is over it */
.ToolbarTabTitle_Unselected_Hover
{
    background: url('Graphics/TabTitleUnselectedHoverMiddle.png');
    float: left;
    height: 24px;
}

.ToolbarTabTitle_Unselected_Left_Hover
{
    background: url('Graphics/TabTitleUnselectedHoverLeft.png');
    float: left;
    width: 8px;
    height: 24px;
}

.ToolbarTabTitle_Unselected_Right_Hover
{
    background: url('Graphics/TabTitleUnselectedHoverRight.png');
    float: left;
    width: 8px;
    height: 24px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* Tabs and groups  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* The toolbar tab container */
.TabsContainer
{
    position: relative;
    top: 27px;
    height: 86px;
}

.Tab
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 86px;
}


/* A group in the toolbar tab */
.ToolbarGroup
{
    background: url('Graphics/GroupBackgroundMiddle.png');
    background-position: top left;
    float: left;
    height: 86px;
    margin-left: 5px;
}

.ToolbarGroupContent
{
    float: left;
    font-family: 'Deja Vu Sans';
    font-size: 8pt;
    text-align: center;
    height: 86px;
    padding-right: 1px;
    padding-top: 2px;
}

.ToolbarGroupName
{
    float: none;
    margin-top: 68px;
    cursor: default;
    font-family: 'Deja Vu Sans';
    font-size: 8pt;
}

.ToolbarGroup_Left
{
    background: url('Graphics/GroupBackgroundLeft.png');
    float: left;
    width: 3px;
    height: 85px;
}

.ToolbarGroup_Right
{
    background: url('Graphics/GroupBackgroundRight.png');
    float: left;
    width: 3px;
    height: 85px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* Toolbar look and feel  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* The split button, when highlighted */

.ToolbarSplitButton_DownArrow
{
    background: url('Graphics/SplitButton-DownArrow.png');
    width: 5px;
    height: 4px;
}

.ToolbarSplitButton_Content
{
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 2px;
    width: 32px;
    height: 32px;
}

.ToolbarSplitButton_Text
{
    margin: -3px;
    padding-top: 6px;
    cursor: default;
    font-family: 'Deja Vu Sans';
    font-size: 8pt;
}

.ToolbarSplitButton_Image
{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.ToolbarSplitButton_Normal
{
    float: left;
    margin-left: 1px;
}

.ToolbarSplitButton_Normal_LeftBorder
{
    width: 2px;
    height: 66px;
    float: left;
}

.ToolbarSplitButton_Normal_RightBorder
{
    width: 2px;
    height: 66px;
    float: left;
}

.ToolbarSplitButton_HighlightBottom
{
    background: url('Graphics/SplitButton-HighlightBottom-Background.png');
    float: left;
    margin-left: 1px;
}

.ToolbarSplitButton_HighlightBottom_LeftBorder
{
    background: url('Graphics/SplitButton-HighlightBottom-LeftBorder.png');
    width: 2px;
    height: 66px;
    float: left;
}

.ToolbarSplitButton_HighlightBottom_RightBorder
{
    background: url('Graphics/SplitButton-HighlightBottom-RightBorder.png');
    width: 2px;
    height: 66px;
    float: left;
}

.ToolbarSplitButton_HighlightTop
{
    background: url('Graphics/SplitButton-HighlightTop-Background.png');
    float: left;
    margin-left: 1px;
}

.ToolbarSplitButton_HighlightTop_LeftBorder
{
    background: url('Graphics/SplitButton-HighlightTop-LeftBorder.png');
    width: 2px;
    height: 66px;
    float: left;
}

.ToolbarSplitButton_HighlightTop_RightBorder
{
    background: url('Graphics/SplitButton-HighlightTop-RightBorder.png');
    width: 2px;
    height: 66px;
    float: left;
}


/* The small button styles */
.ToolbarSmallButtonsContainer
{
    float: left;
    margin-left: 1px;
}

.ToolbarSmallButton
{
    width: 22px;
    height: 22px;
}

.ToolbarSmallButton_Hover
{
    background: url('Graphics/SmallButton-Hover.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.ToolbarSmallButton_Image
{
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

/* The popup menu styles */
.ToolbarPopupMenu
{
    position: absolute;
    width: inherit;
    background-color: #FAFAFA;
    border-color: #868686;
    border-style: solid;
    border-width: 1px;
    z-index: 100;
}

.ToolbarPopupMenuItemsContainer
{
    border-collapse: collapse;
    margin: 1px;
}

.ToolbarPopupMenuItem
{
    height: 24px;
    padding: 0;
    vertical-align: middle;
}

.ToolbarPopupMenuItem_Hover
{
    height: 24px;
    padding: 0;
    background: url('Graphics/MenuItemHover-Middle.png');
    background-repeat: repeat-x;
    vertical-align: middle;
}

.ToolbarPopupMenuItemImageCell
{
    width: 24px;
    background-color: #E9EEEE;
    border-left-color: #F5F5F5;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #C5C5C5;
    border-right-style: solid;
    border-right-width: 1px;
    text-align: center;
    padding: 0;
}

.ToolbarPopupMenuItemImageCell_Hover
{
    width: 24px;
    border-left-color: #D3C8A6;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    text-align: center;
    padding: 0;
}

.ToolbarPopupMenuItemImage
{
    margin-top: 3px;
}

.ToolbarPopupMenuItemTextCell
{
    white-space: nowrap;
    padding: 0;
    border-right-color: #E9EEEE;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: default;
}

.ToolbarPopupMenuItemTextCell_Hover
{
    white-space: nowrap;
    padding: 0;
    border-right-color: #D3C8A6;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: default;
}

.ToolbarPopupMenuItemText
{
    font-family: 'Deja Vu Sans';
    font-size: 8pt;
    margin-left: 7px;
    margin-right: 24px;
    cursor: default;
}
